<div class="o_ban">
    <div>
        <div class="o_img"
            style="background:url(/static/picture/news_ban.jpg) center center no-repeat; background-size: cover;">
        </div>
        <dl>
            <dt>行业应用<span>INDUSTRY</span></dt>
        </dl>
    </div>
</div>

<div class="container">
    <div class="breadcrumb-box row">
        <ul class="breadcrumb">
            <li><a href="/index.html">首页</a></li>
            <li class="active">行业应用</li>
        </ul>
    </div>
    <div class="grid-container row">
        {foreach $list as $value}
        <div class="grid-item col-sm-4">
            <div class="grid-item-row">
                <div class="gitem-row-position-top wpb_single_image">
                    <figure class="wpb_wrapper">
                        <a href="/industry/{$value.id}.html"
                            class="vc_gitem-link vc_single_image-wrapper vc_box_border_grey"
                            title="{$value.title}" data-wpel-link="internal">
                            <img src="{$value.titlepic}" alt="{$value.titlepic}" title="{$value.title}">
                        </a>
                    </figure>
                </div>
                <div class="gitem-row-position-middle">
                    <div class="news-post_title">
                        <h4 style="text-align: left">
                            <a href="/industry/{$value.id}.html" class="vc_gitem-link" title="{$value.title}"
                                data-wpel-link="internal">
                                {$value.title}</a>
                        </h4>
                    </div>
                    <div class="news-post_date">
                        <span class="glyphicon glyphicon-time" style="color: #45C2B5;"
                            aria-hidden="true"></span> {$value.create_time|date="Y-m-d"}
                    </div>
                    <div class="new-post_summary">
                        <p>{$value.summary|mb_substr=0,30}&hellip;
                        </p>
                    </div>
                    <div class="news-post_btn">
                        <a class="btn btn-default" href="/industry/{$value.id}.html" title="阅读详情"
                            data-wpel-link="internal">阅读详情</a>
                    </div>
                </div>
            </div>
        </div>
        {/foreach}
    </div>
    <div class="cl pd-5 bg-1 bk-gray mt-20 ">
        <span class="r">{notempty name="list"}{$list->render()|raw}{/notempty}</span>
    </div>
</div>

<script>
    $(document).ready(function () {
        $(".o_ban dl dt").animate({ top: "52%", opacity: 1 }, 800)
        $(".o_ban dl .bottom").delay(100).animate({ bottom: "10%", opacity: 1 }, 800)
    })
</script>
